<%@ taglib uri="http://www.springframework.org/security/tags"
	prefix="sec"%>

<jsp:include page="cabecera_home.jsp"></jsp:include>

<div class="cuerpo" align="left">

	<br>
	<div class="noticias" align="left">

		<div class="publicar">

			<div class="publicar_foto">
				<img class='foto_contacto' src="static/images/avatares/sectorwine.png"
					alt="imgen_perfil" />
			</div>

			<div class="publicar_tipos" align="center">

				<div class="publicar_tipos_casilla">
					<a href="publicacion_estado"><img class="valign"
						src="static/images/text.png" alt="Texto" /><b>Texto</b></a>
				</div>

				<div class="publicar_tipos_casilla">
					<a href="publicacion?tipo=Noticia"><img class="valign"
						src="static/images/noticias.png" alt="Noticias" /><b>Noticias</b></a>
				</div>
				
				<div class="publicar_tipos_casilla">
					<a href="publicacion?tipo=Links"><img class="valign" src="static/images/link.png"
						alt="Links" /><b>Links</b></a>
				</div>

				<div class="publicar_tipos_casilla">
					<a href="publicacion?tipo=Fotos"><img class="valign" src="static/images/fotos.png"
						alt="Fotos" /><b>Fotos</b></a>
				</div>

				<div class="publicar_tipos_casilla">
					<a href="publicacion?tipo=Videos"><img class="valign" src="static/images/videos.png"
						alt="Videos" /><b>Videos</b></a>
				</div>

				<div class="publicar_tipos_casilla">
					<a href="publicacion?tipo=Mensiones"><img class="valign"
						src="static/images/mensiones.png" alt="Mensiones" /><b>Menciones</b></a>
				</div>

			</div>
			<p style="clear: both"></p>
		</div>

		<script src="static/scripts/jquery.js"></script>
		<script src="static/scripts/jquery.contextmenu.r2.js"></script>
		<script>
			function mostraContenido(id) {
				if (!document.getElementById)
					return false;

				contenido = document.getElementById(id);

				if (contenido.style.display != "none") {
					$(contenido).hide();
				} else {
					$(contenido).show();
				}
			}

			$(document).ready(function() {
								setTimeout($.getJSON("get_actualizaciones", function(data) {
															var publicacion;
															$.each(data, function(i, item) {
																				publicacion = "<div class='dashboard_publicado'>"
																						+ "<a href='empresas_perfil?id="
																						+ item.idEmpresa
																						+ "'><div class='publicar_foto'><img class='foto_contacto' src='"+item.avatar+"' alt='imgen_perfil' /></div></a>"
																						+ "<div class='dashboard_publicado_cuerpo' align='left'>"
																						+ "<div class='dashboard_publicado_cuerpo_cabecera'>"
																						+ "<div class='dashboard_publicado_cuerpo_cabecera_propietario'><a href='empresas_perfil?id="
																						+ item.idEmpresa
																						+ "'><div class='dashboard_publicado_cuerpo_cabecera_propietario_text'><b>"
																						+ item.nombreEmpresa
																						+ "</b></div></a>";

																				if (item.empresaFuenteNombre != null
																						&& item.empresaFuenteNombre != ""
																						&& item.idEmpresaFuente != item.idEmpresa) {

																					publicacion = publicacion
																							+ "<div class='dashboard_publicado_cuerpo_cabecera_opciones_like_repost'><img class='valign' src='static/images/repost.png' alt='A traves de' /></div> <a href='empresas_perfil?id="
																							+ item.idEmpresaFuente
																							+ "'><div class='dashboard_publicado_cuerpo_cabecera_propietario_text'><b>"
																							+ item.empresaFuenteNombre
																							+ "</b></div></a>";

																				}
																				
																				var contadorReblog = 0
																				if(item.contadorReblog != null){
																					contadorReblog = item.contadorReblog.contador;
																				}
																				var tituloItem = "";
																				if(item.titulo != null){
																					tituloItem = item.titulo;
																				}
																				var descripcion = "";
																				if(item.descripcion != null){
																					descripcion = item.descripcion;
																				}
																				var cuerpo = "";
																				if(item.tags != null){
																					cuerpo = item.cuerpo;
																				}
																				var tags = "";
																				if(item.tags != null){
																					tags = item.tags;
																				}
																				publicacion = publicacion
																						+ "</div>"
																						+ "<div class='dashboard_publicado_cuerpo_cabecera_opciones'><a href='#'><div class='dashboard_publicado_cuerpo_cabecera_opciones_info'>"
																						+ contadorReblog
																						+ "</div></a><a href='noticias_republicar?idPublicacion="
																						+ item.idPublicacion
																						+ "'><div class='dashboard_publicado_cuerpo_cabecera_opciones_like_repost'><img class='valign' src='static/images/repost.png' alt='Rebloguear' /></div></a><a href='#'><div class='dashboard_publicado_cuerpo_cabecera_opciones_like_repost'><img class='valign' src='static/images/likePublicacion.png' alt='Me gusta' /></div></a></div></div>"
																						+ "<div class='dashboard_publicado_cuerpo_descripcion'><b>"
																						+ tituloItem
																						+ "</b><br>"
																						+ descripcion
																						+ "<br><a href=\"javascript:mostraContenido('contenido"
																						+ i
																						+ "');\"><div class='leer_mas'><b>mas</b></div></a></div>"
																						+ "<div class='dashboard_publicado_cuerpo_contenido' id='contenido"+i+"'>"
																						+ cuerpo
																						+ "</div>"
																						+ "<hr>"
																						+ "<div class='dashboard_publicado_cuerpo_pie'>"
																						+ "<div class='dashboard_publicado_cuerpo_pie_tags'><b>Tags:</b> "
																						+ tags;

																				// 																					

																				publicacion = publicacion + "</div><div class='styled-select'><select onchange='llamar_accion()'><option>Editar</option><option>Eliminar</option></select></div></div></div>";
																				$(publicacion).appendTo("#dashboard");
																			});
															$(
																	"<p style='clear: both'></p>")
																	.appendTo(
																			"#dashboard");
														}), 50000);
							});
		</script>

		<br>

		<div class="dashboard" id="dashboard">


		</div>

		<br> <br>

	</div>

	<div class="panel_navegacion" align="left">
		<jsp:include page="panel_navegacion_home.jsp"></jsp:include>
	</div>

	<p style="clear: both"></p>

	<br> <br>

</div>

<jsp:include page="pie_de_pagina_compartida.jsp"></jsp:include>